<!--  -->
<template>
  <div>
    <b-card title="50,000+ 企业一起使用四彩云"
          tag="article"
          body-bg-variant="light"
          class="text-center ad-box">
      <p class="card-text">
        目前四彩云服务多家企业，分布在银行、保险、电力、互联网、制造业、教育等领域
      </p>
      <b-container>
        <b-row>
          <b-col lg="2" md="4" sm="6" v-for="i in 20" :key="i">
            <a href="http://www.baidu.com" target="_blank">
              <img src="/static/ad/ad1.png" alt="" class="w-100">
            </a>
          </b-col>
        </b-row>
      </b-container>
    </b-card>
  </div>
</template>

<script>
export default {
  components: {},

  data () {
    return {}
  },

  computed: {},

  methods: {}
}
</script>
<style lang='less' scoped>
  .card {
    .no-border;
  }
  .ad-box {
    .row>div {
      margin-bottom: 2 * @base-edge;
    }
  }
</style>
